Real-World Svelte by Tan Li Hau

Author:Tan Li Hau
Language: eng
Format: epub
Publisher: Packt Publishing Pvt Ltd
Published: 2023-11-03T00:00:00+00:00

Creating Svelte stores with built-in functions

Svelte provides a sub-package that exports a few built-in functions for Svelte stores. You can import them from the 'svelte/store' package.

Here is the list of built-in Svelte store functions:

readable() helps create a readable Svelte store. Since the set method in a Svelte contract is optional, a readable store is a store that does not implement the set method.To update the store value, the readable() function takes in a callback function that will be called when the store is being subscribed, and the callback function is called with a set function that can be used to update the store value:

const store = readable(initialValue, (set) => { // update store value set(newValue); });

The set function in the callback function can be called numerous times. In the following example, we are calling the set function every second to update the store value to the latest timestamp:

const store = readable(Date.now(), (set) => { setInterval(() => { // update store value to the current timestamp set(Date.now()); }, 1000); });

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.